<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Pragma" content="no-cache"> 
<meta http-equiv="Cache-Control" content="no-cache"> 
<meta http-equiv="Expires" content="0">
<title>Honeydew</title>
<!-- Jquery -->
<script src="http://code.jquery.com/jquery.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.blockUI.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.mask.js"></script>
<!-- carousel -->
<link href="${pageContext.request.contextPath}/css/carousel.css" rel="stylesheet" />
<!-- Bootstrap -->
<link href="${pageContext.request.contextPath}/bootstrap-3.1.1-dist/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<script src="${pageContext.request.contextPath}/bootstrap-3.1.1-dist/js/bootstrap.min.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>
<!-- responsive -->
<link href="${pageContext.request.contextPath}/css/bootstrap-responsive.css" rel="stylesheet" type="text/css">
<!-- holder -->
<script src="${pageContext.request.contextPath}/holder/holder.js"></script>
<!-- commons -->
<link href="${pageContext.request.contextPath}/css/commons.css" rel="stylesheet" />
<script src="${pageContext.request.contextPath}/js/shop.js"></script>

<!-- Shop -->
<script src="${pageContext.request.contextPath}/js/shop.js"></script>
</head>
<body>
<s:set var="theme" value="'simple'" scope="page" />
<s:form>
	<div class="container body-base">
		
		<table width="100%">
			<tr>
		    	<td>
		        	<!-- banner -->
		        	<s:include value="header.jsp" />
		        </td>
		    </tr>
		    <tr>
		    	<td>
		        	<!-- content -->
		            <table width="100%">
		            	<tr height="40%">
		                	<td>
		                    	<!-- 廣告輪播 -->
		                        <div id="adCarousel" class="carousel slide" data-ride="carousel">
		                          <!-- Indicators -->
		                          <ol class="carousel-indicators">
		                            <li data-target="#adCarousel" data-slide-to="0" class="active"></li>
		                            <li data-target="#adCarousel" data-slide-to="1" class=""></li>
		                            <li data-target="#adCarousel" data-slide-to="2" class=""></li>
		                            <li data-target="#adCarousel" data-slide-to="3" class=""></li>
		                          </ol>
		                          <div class="carousel-inner">
		                            <!-- 廣告輪播 -->
		                            <div class="item active">
		                              <img class="img-responsive img-ad" alt="" src="<s:property value='sharePath'/>shop_ad/home-ad-01.jpg">
		                              <div class="container">
		                                <div class="carousel-caption">
		                                  <h1></h1>
		                                  <p></p>
		                                </div>
		                              </div>
		                            </div>
		                            <div class="item">
		                              <img class="img-responsive img-ad" alt="" src="<s:property value='sharePath'/>shop_ad/home-ad-02.jpg">
		                              <div class="container">
		                                <div class="carousel-caption">
		                                  <h1></h1>
		                                  <p></p>
		                                </div>
		                              </div>
		                            </div>
		                            <div class="item">
		                              <img class="img-responsive img-ad" alt="" src="<s:property value='sharePath'/>shop_ad/home-ad-03.jpg">
		                              <div class="container">
		                                <div class="carousel-caption">
		                                  <h1></h1>
		                                  <p></p>
		                                </div>
		                              </div>
		                            </div>
		                            <div class="item">
		                              <img class="img-responsive img-ad" alt="" src="<s:property value='sharePath'/>shop_ad/home-ad-04.jpg">
		                              <div class="container">
		                                <div class="carousel-caption">
		                                  <h1></h1>
		                                  <p></p>
		                                </div>
		                              </div>
		                            </div>
		                          </div>
		                          <a class="left carousel-control" href="#adCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
		                          <a class="right carousel-control" href="#adCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
		                        </div>
		                    </td>
		                </tr>
		                <tr height="60%">
		                	<td>
		                    	<!-- 圖片連結 -->
		                        <table width="100%">
		                        	<tr>
		                            	<td width="33%">
		                                	<a href="<s:url action='index_indexQuery'>
								                      <s:param name='bigSeqid' value='1' />
								                      <s:param name='medSeqid' value='1' />
								                      <s:param name='pageNum' value='1' /></s:url>" class="thumbnail">
		                                      <img alt="" src="<s:property value='sharePath'/>shop_ad/home-bottom-01.jpg" />
		                                    </a>
		                                </td>
		                                <td width="33%">
		                                	<a href="<s:url action='index_indexQuery'>
								                      <s:param name='bigSeqid' value='1' />
								                      <s:param name='medSeqid' value='5' />
								                      <s:param name='pageNum' value='1' /></s:url>" class="thumbnail">
		                                      <img alt="" src="<s:property value='sharePath'/>shop_ad/home-bottom-02.jpg" />
		                                    </a>
		                                </td>
		                                <td width="34%">
		                                	<div class="row-fluid">
		                                        <a href="<s:url action='index_indexQuery'>
									                      <s:param name='bigSeqid' value='3' />
									                      <s:param name='medSeqid' value='9' />
									                      <s:param name='pageNum' value='1' /></s:url>" class="thumbnail">
		                                          <img alt="" src="<s:property value='sharePath'/>shop_ad/home-bottom-03.jpg" />
		                                        </a>
		                                    </div>
		                                    <div class="row-fluid">
		                                        <a href="<s:url action='index_indexQuery'>
									                      <s:param name='bigSeqid' value='1' />
									                      <s:param name='medSeqid' value='6' />
									                      <s:param name='pageNum' value='1' /></s:url>" class="thumbnail">
		                                          <img alt="" src="<s:property value='sharePath'/>shop_ad/home-bottom-04.jpg" />
		                                        </a>
		                                    </div>
		                                </td>
		                            </tr>
		                        </table>
		                    </td>
		                </tr>
		            </table>
		        </td>
		    </tr>
		    <tr>
		    	<td>
		        	<!-- footer -->
		        	<s:include value="footer.jsp" />
		        </td>
		    </tr>
		    <tr>
		    	<td>
		        	<!-- copyright -->
		        	<s:include value="copyright.jsp" />
		        </td>
		    </tr>
		</table>
		
	</div>
</s:form>
</body>
</html>